import Vue from 'vue'
import App from './App.vue'
// 注意，从lib目录（node_modules)导入库不需要加路径前缀（如./xx）
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
import VueRouter from 'vue-router'
// ./router是目录，默认加载其内部的index.js
import router from './router'
import UserUtils from './util/user_utils'
import store from './store'

// 装载Router，然后怎么设置Router则通过router对象配置
Vue.use(VueRouter)
/*
Vue.use(plugin), plugin格式为{install: function () {}}，则运行install方法，若plugin本身是function则直接运行。
Vue.component才是真正的去注册组件（将插件里的组件逐个注册）。
很多UI库用Vue.use来注册组件是因为在plugin的install方法中去执行Vue.component罢了
 */
Vue.use(Antd)
Vue.config.productionTip = false

// noinspection JSUnusedGlobalSymbols
new Vue({
	render: h => h(App),
	router,
	store,
	created() {

		// APP动画
		if (UserUtils.hasLoadedAnimation()) {
			document.body.removeChild(document.getElementById('appLoading'))
		} else {
			UserUtils.storeAnimationLoaded()
			document.getElementById('appLoading').style.opacity = '0';
			window.setTimeout(function () {
				document.body.removeChild(document.getElementById('appLoading'))
			}, 3000)
		}
	}
}).$mount('#app')
